<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
 <title>最好的动漫游戏网站 | Z-anime</title>
 
 <link rel="stylesheet" href="../public/css/index/index.css">
 <link rel="stylesheet" href="../public/css/game/head.css">
 <link rel="stylesheet" href="../public/css/swiper.css">
 <link rel="stylesheet" href="../public/css/gameInfo/index.css">
 
 <!--站点图标-->
 <link rel="shortcut icon" href="../public/img/index/logo/logo.ico" type="image/x-icon">
</head>
<body>
 <!--头部-->
 <header id="z_head">
   <div class="head">
       <div class="center">
           <ul id="headUl">
               
           </ul>
           
           <div class="searchInputArea">
            <div class="search_C">
              <input v-model="key" type="search" class="searchInput" placeholder="搜索关键词" @keyup.enter="toSearch">
              <img @click="toSearch" src="../public/img/index/other/search.png">
            </div>
          </div>
           <img class="logo" src="../public/img/index/logo/logo.png" alt="">
       </div>

   </div>
</header>
<!--头部-->


<!--主体-->
<div id="gameInfo_C">
 <!--头部简介-->
 <div id="gameInfo" >
    
  <div class="main">
    <!--路由链接-->  
    <div class="url">
    <span id="indexUrl" @click="toIndexClick">Z-anime</span> > 
    <span id="gameUrl" @click="toGameClick">游戏</span> > 
    <span class="urlTitle"></span>
    </div>
    <!--简介-->
    <div class="mainContent">
      <div class="top">
        <div style="position: relative;">
            <img src="../public/img/index/other/rank_ryb.png" alt="">
            <div class="topNum"></div>
        </div>
      </div>
      <div class="title">   </div>
      <div class="img"></div>
      <div class="others">
        <div class="state">
          游戏状态：
        </div>
        <div class="area">
          游戏产地：
        </div><br>

        <div class="date">
            发行时间：
         </div>
         <div class="gameType">
             游戏类型：
         </div><br>

        <div class="maker">
            开发商：
         </div>
         <div class="publisher">
            运营商：
         </div><br>

         <div class="content">
           游戏简介：
         </div>

         
      </div>
      <div class="clearBoth"></div>
    </div>

    <!--评价及评分-->
    <div class="evalPhoto">
      <div class="text">游戏评价</div>
      <div class="evaluate"></div>
      <div class="score">评分：
          <div class="stars">
              <div class="star star0"></div>
              <div class="star star0"></div>
              <div class="star star0"></div>
              <div class="star star0"></div>
              <div class="star star0"></div>  
          </div>
          <div class="scoreNum">0.0</div>
      </div>
    </div>

    <!--游戏截图-->
    <div class="evalPhoto">
      <div class="text">游戏截图</div>
      <section class="pc-banner">   
          <div class="swiper-container">
            <div class="swiper-wrapper imgArr">
      
            </div>
            <div class="button">
             <div class="swiper-button-prev"></div>
             <div class="swiper-button-next"></div>
            </div>
          </div>
        </section>
        <div class="clearBoth"></div>
    </div>

    

  </div>
  </div>
 </div>
 


<!--主体-->


<script src="../public/js/jquery-1.12.4.js"></script>
<script src="../public/js/vue.min.js"></script>
<script src="../public/js/vue-resource.min.js"></script>
<script src="../public/js/swiper.min.js"></script>
<script src="../public/js/common.js"></script>
<script src="../public/js/index/head.js"></script>
<script src="../public/js/gameInfo/gameInfo.js"></script>
</body>
</html>